<template>
    <div class="logo">
        <img :src="logo" width="34" height="34">
        <h1>动力港</h1>
    </div>
  <el-menu :router="true" :default-active="$route.path">
    <menu-item v-for="item in menuItems" :item="item" :key="item.url"></menu-item>
     </el-menu>
</template>

<script setup lang="ts">
import { useUserStore } from '@/store/auth';
import MenuItem from './MenuItem.vue';
import logo from '@/assets/logo.png'
const userstore = useUserStore()
const menuItems = userstore.menu
console.log("🚀 ~ userstore.menu:", userstore.menu)
</script>

<style scoped lang="less">
.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 10px 0;
    img{
        margin-left: -10px;
    }
    h1{
        color:#333;
        margin-left: 10px;
        font-size: 22px;
    }
}
.el-munu{
    border-right: none;
}
</style>